/** @type {import('tailwindcss').Config} */
export default {
  content: ['index.html', './src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    fontFamily: {
      'ping-fang': ['PingFang SC'],
    },
    extend: {
      colors: {
        black: '#181925',
        grey: '#333546',
        main: '#77D6D6',
        ff: '#ffffff',
        e9: '#E9E9E9',
        f3: '#F3F3F3',
        f2: '#F2F2F2',
        b4: '#B4B4B4',
        d2: '#D2D2D2',
        d6: '#D6D6D6',
        '7b': '#7B7B7B',
        76: '#767676',
        rise: '#00BB35',
        fall: '#FF0000',
        footer: '#2E3B61',
        link: '#33363F', 
        red: '#f42c52',
        greytranspart: 'rgba(24, 25, 37, .7)'
      },
      fontSize: {
        8: '8px',
        10: '10px',
        12: '12px',
        14: '14px',
        16: '16px',
        18: '18px',
        20: '20px',
        22: '22px',
        24: '24px',
        26: '26px',
        28: '28px',
        30: '30px',
        32: '32px',
      },
      lineHeight: {
        140: '1.4',
      },
      borderRadius: {
        xs: '5px',
        sm: '10px',
        md: '15px',
        lg: '20px',
      },
      boxShadow: {
        btn: '1px 2px 2.5px 0px rgba(0,0,0,0.25)',
        'lang-btn': '0px 1px 4.5px rgba(0,0,0,0.1)',
      },
    },
  },
  plugins: [],
};
